<style scoped lang="less">
    .login{
        width:100%;
        height:100%;
        text-align:center;
        background-color: #f5f7f9;
        .login-content{
            background-color:#fff;
            border-radius:0.5em;
            border:1px solid #d7dde4;
            padding:15px;
            .row{
                margin-bottom:15px;
            }
        }
    }
</style>
<template>
    <Row type="flex" justify="center" align="middle" class="login">
        <Col :span="6" class="login-content">
            <div class="row"><h1><img src="../images/logo.png"></h1></div>
            <div class="row">
                <Input v-model="username" type='text' placeholder="用户名"></Input>
            </div>
            <div class="row">
                <Input v-model="password" type='password' placeholder="密码"></Input>
            </div>
            <div class="row">
                <Button type="primary">登录</Button>
            </div>
        </Col>
    </Row>
</template>
<script>
    export default {
        data(){
            return({
                username:'',
                password:'',
            })
        },
        methods: {
            handleStart () {
                this.$Modal.info({
                    title: 'Loin',
                    content: 'Loin content'
                });
            }
        }
    }
</script>
